<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://www.webapp.com.vn/tags" prefix="web" %>

<script type="text/javascript">
	var PROFILE_PICTURE = '<s:property value="customerInfo.displayImage"/>';
</script>

<div id="headerArea">
	<div class="uiHeader uiHeaderBottomBorder uiHeaderPage">
		<div class="clearfix uiHeaderTop">
			<div class="uiHeaderActions rfloat"></div>
			<div>
				<h2 class="uiHeaderTitle">General Account Settings</h2>
			</div>
		</div>
	</div>
</div>

<div role="main" id="contentArea">
	<div id="SettingsPage_Content">
		<ul class="uiList fbSettingsList">
			<li
				class="fbSettingsListItem clearfix uiListItem uiListLight uiListVerticalItemBorder openPanel">
			<div class="content">
					<div class="fbSettingsEditor uiBoxGray noborder">
						<form id="frmEditProfile_part1" method="post"
							action="" class="show_label"	rel="async">
							<s:hidden name="customerInfo.updateType" value="1"/>

							<div class="mam fbSettingsEditorLabel">
								<strong>Name</strong>
							</div>
							<div class="pbm fbSettingsEditorFields">
								<div class="ptm">
									<div>
										<div id="settingsNameForm">
											<input type="hidden" value="real" name="which_name">
											<table class="uiInfoTable">
												<tbody>
													<tr class="dataRow">
														<th class="label"><label for="usk3b1_1">Full Name:</label>
														</th>
														<td class="data"><input type="text" id="usk3b1_1"
															value="${customerInfo.customerName}" name="customerInfo.customerName" class="inputtext">
														</td>
													</tr>
													<tr class="dataRow">
														<th class="label"><label for="usk3b1_2">Birth day:</label>
														</th>
														<td class="data"><input type="text" title="Optional"
															id="frmEditProfile_dob" value="<s:date name="customerInfo.dob" format="%{getText('date.format')}"/>"
															name="customerInfo.dob"
															class="inputtext DOMControl_placeholder"/>
														</td>
													</tr>
													<tr class="dataRow">
														<th class="label"><label for="usk3b1_3">Email:</label>
														</th>
														<td class="data"><input type="text" id="usk3b1_3"
															value="${customerInfo.emailAddress}" name="customerInfo.emailAddress" class="inputtext">
														</td>
													</tr>
													<tr class="dataRow">
														<th class="label"><label for="usk3b1_3">City:</label>
														</th>
														<td class="data"><input type="text" id="usk3b1_3"
															value="${customerInfo.townCity}" name="customerInfo.townCity" class="inputtext">
														</td>
													</tr>
													<tr class="dataRow">
														<th class="label"><label for="usk3b1_3">Country:</label>
														</th>
														<td class="data"><input type="text" id="usk3b1_3"
															value="${customerInfo.country}" name="customerInfo.country" class="inputtext">
														</td>
													</tr>
													<tr class="dataRow">
														<th class="label"><label for="usk3b1_3">About me:</label>
														</th>
														<td class="data"><input type="text" id="usk3b1_3"
															value="${customerInfo.answer}" name="customerInfo.answer" class="inputtext">
														</td>
													</tr>
													<tr class="spacer">
														<td colspan="2"><hr>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>
								<div class="mtm uiBoxGray topborder">
									<table
										class="uiInfoTable mvm fbSettingsEditorPassword noBorder">
										<tbody>
											<tr>
												<td colspan="2">
												</td>
											</tr>
											</tbody>
									</table>
									<div class="mtm">
										<label for="uvlcbx_3" id="uvlcbx_2"
											class="submit uiButton uiButtonConfirm"><input
											type="submit" id="frmEditProfile_part1_submit" value="Save Changes">
										</label><label for="usk3b1_10" class="cancel uiButton"><input
											type="button" id="frmEditProfile_part1_cancel" value="Cancel">
										</label><img width="16" height="11" alt=""
											src="../css/facebook/images/GsNJNwuI-UM.gif"
											class="mas saveThrobber uiLoadingIndicatorAsync img">
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</li>


			<li
				class="fbSettingsListItem clearfix uiListItem uiListLight uiListVerticalItemBorder openPanel"><a
				rel="async" ajaxify="/ajax/settings/account/language.php"
				href="/settings?tab=account&amp;section=language"
				class="pvm phs fbSettingsListLink clearfix"><span
					class="pls fbSettingsListItemLabel"><strong></strong>
				</span><span class="uiIconText fbSettingsListItemEdit"
					style="padding-left: 23px;"><i style="top: -2px;"
						class="img sp_bs6qi9 sx_43ede2"></i></span><span
					class="fbSettingsListItemSaved hidden_elem"></span><span
					class="fbSettingsListItemContent fcg"><strong></strong>
				</span>
				</a>
				<div class="content">
					<div class="fbSettingsEditor uiBoxGray noborder">
						<form name="frmEditProfile_part2" id="frmEditProfile_part2" method="post">
							<s:hidden name="customerInfo.updateType" value="2"/>
							<s:hidden id="frmEditProfile_part2_imageUri_hidden" name="customerInfo.imagePath"/>
						</form>
						
							<div class="mam fbSettingsEditorLabel">
								<strong>Update Profile Picture</strong>
							</div>
							<div class="pbm fbSettingsEditorFields">
								<div class="ptm">
								<form method="post" enctype="multipart/form-data" action="" name="frmUploadResource" id="frmUploadResource">
									<table class="uiInfoTable">
										<tbody>
											<tr class="dataRow">
												<td>
													<img id="frmEditProfile_part2_profile_picture" alt="" src="" width="100px" height="100px"/>
													<input class="hide" type="button" id="frmUploadResource_btnUpload" value="<s:text name="button.upload">UPLOAD</s:text>"/>
												</td>
												<td>
													<input id="frmUploadResource_imgUpload" type="file" name="resourceFile" />													
												</td>
											</tr>
										</tbody>
									</table>
								</form>
								</div>
								<div class="mtm uiBoxGray topborder">
									<div class="mtm">
										<label for="uvlcbx_3" id="uvlcbx_2"
											class="submit uiButton uiButtonConfirm"><input
											type="button" id="frmEditProfile_part2_submit" value="Save Changes">
										</label><label for="usk3b1_10" class="cancel uiButton"><input
											type="button" id="frmEditProfile_part2_cancel" value="Cancel">
										</label><img width="16" height="11" alt=""
											src="../css/facebook/images/GsNJNwuI-UM.gif"
											class="mas saveThrobber uiLoadingIndicatorAsync img">
									</div>
								</div>
							</div>
					</div>
				</div>
			</li>


			<li
				class="fbSettingsListItem clearfix uiListItem uiListLight uiListVerticalItemBorder openPanel"><a
				rel="async" ajaxify="/ajax/settings/account/password.php"
				href="/settings?tab=account&amp;section=password"
				class="pvm phs fbSettingsListLink clearfix"><span
					class="pls fbSettingsListItemLabel"><strong></strong>
				</span><span class="uiIconText fbSettingsListItemEdit"
					style="padding-left: 23px;"><i style="top: -2px;"
						class="img sp_bs6qi9 sx_43ede2"></i></span><span
					class="fbSettingsListItemSaved hidden_elem"></span><span
					class="fbSettingsListItemContent fcg"></span>
				</a>
				<div class="content">
					<div class="fbSettingsEditor uiBoxGray noborder">
						<form id="frmEditProfile_part3" method="post" class="show_label" rel="async">
							<s:hidden name="customerInfo.updateType" value="3"/>
							<div class="mam fbSettingsEditorLabel">
								<strong>Password</strong>
							</div>
							<div class="pbm fbSettingsEditorFields">
								<div class="ptm">
									<table class="uiInfoTable noBorder">
										<tbody>
											<tr class="dataRow">
												<th class="label"><label for="password_old">Current:</label>
												</th>
												<td class="data"><input type="password"
													id="frmEditProfile_part3_password" name="customerInfo.password" class="inputtext">
												</td>
											</tr>
											<tr>
												<th class="label"></th>
												<td class="data"><div>&nbsp;</div>
												</td>
											</tr>
											<tr class="dataRow">
												<th class="label"><label for="password_new">New:</label>
												</th>
												<td class="data"><input type="password"
													id="frmEditProfile_part3_newPassword" name="customerInfo.newPassword"
													class="inputtext">
												</td>
											</tr>
											<tr>
												<th class="label"></th>
												<td class="data"><div id="password_new_status">&nbsp;</div>
												</td>
											</tr>
											<tr class="dataRow">
												<th class="label"><label for="password_confirm">Re-type	new:</label>
												</th>
												<td class="data">
													<input type="password" id="frmEditProfile_part3_rePassword"
													name="customerInfo.rePassword" class="inputtext">
												</td>
											</tr>
											<tr>
												<th class="label"></th>
												<td class="data"><div id="password_confirm_status">&nbsp;</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="mtm uiBoxGray topborder">
									<div class="mtm">
										<label for="uvlcbx_3" id="uvlcbx_2"
											class="submit uiButton uiButtonConfirm"><input
											type="submit" id="frmEditProfile_part3_submit" value="Save Changes">
										</label><label for="usk3b1_10" class="cancel uiButton"><input
											type="button" id="frmEditProfile_part3_cancel" value="Cancel">
										</label><img width="16" height="11" alt=""
											src="../css/facebook/images/GsNJNwuI-UM.gif"
											class="mas saveThrobber uiLoadingIndicatorAsync img">
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</li>

			<!-- Subscribe -->
			<web:subscribe subscribeType="BET"></web:subscribe>

		</ul>
		<div class="mvm phm uiP fsm fcg">
		</div>
	</div>
</div>